.structureSelect {
    flex-direction: column;

    .selectMain {
        width: 100%;
        align-self: start;
        justify-content: start;

        >div {
            width: 100%;
            overflow: auto;
        }

        .structureTree {
            width: 200px;
            height: 450px;
            align-self: start;
            justify-content: start;
            border: 1px solid #ece9e9;

            >ul {
                align-self: start;
                justify-content: start;
            }
        }

        .checkBoxArea {
            width: 600px;
            align-self: start;
            justify-content: start;
            flex-direction: column;
            height: 450px;
            border: 1px solid #ece9e9;
            margin-left: 10px;

            .title {
                width: 100%;
                font-size: 13px;
                padding-left: 15px;
                height: 30px;
                background: #ece9e9;
            }

            >div {
                align-self: start;
                justify-content: start;
            }

            .checkBoxmain {
                width: 100%;
                display: flex;
                flex-wrap: wrap;

                >div {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 30%;
                    margin-left: 2.5%;
                    margin-top: 10px;

                    .ant-checkbox-wrapper {
                        display: flex;
                        align-self: start;
                        margin-top: 15px;
                    }

                    >div:last-child {
                        .ant-carousel {
                            width: 70px;
                            height: 90px;
                            margin-left: 5px;
                           
                            .slick-list {
                                width: 70px;
                                height: 75px;
                                background: #fff;
                            }
                            .slick-dots-bottom{
                        display: none !important;
                                bottom: -10px;
                                height: 5px;
                         
                                li{
                                    height: 100%;
                                    button{
                                        height: 100%;
                                    }
                                }
                            }
                            .slick-slide {
                                width: 70px;
                                height: 70px;

                                div {
                                    width: 100%;
                                    height: 100%;
                                }
                            }

                            embed {
                                width: 100%;
                                height: 100%;
                            }
                        }

                        >div:first-child {
                            width: 100%;
                            height: 100%;
                        }

                        >div:last-child {
                            font-size: 12px;
                            line-height: 16px;
                            text-align: center;
                        }
                    }
                }
                .ant-empty{
                    align-self: start !important;
                    justify-content: start !important;
                    flex-direction: column !important;
                }
            }
        }

        .structureInfo {
            width: 200px;
            height: 450px;
            border: 1px solid #ece9e9;
            align-self: start;
            justify-content: start;
            margin-left: 10px;
            flex-direction: column;
            font-size: 13px;
            >div:nth-child(n+2){
                margin-top: 15px;
            }
            >div {
                width: 100%;
                align-self: start;
                justify-content: start;
                flex-direction: column;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                .title {
                    width: 100%;
                    line-height: 30px;
                    background: #ece9e9;
                    height: 30px;
                    align-self: start;
                    justify-content: start;
                    padding-left: 5px;
                }

                >div:last-child {
                    align-self: start;
                    justify-content: start;
                    flex-direction: column;
                    margin-top: 10px;

                    >div {
                        align-self: start;
                        justify-content: start;
                        padding-left: 5px;
                    }
                }
            }
        }
    }

    .selectResults {
        align-self: flex-start;
        justify-content: start;
        margin-top: 20px;
        >div:first-child {
            min-width: 50px;
            margin-right: 5px;
        }
        >div:last-child{
            flex-wrap: wrap;
            align-self: start;
            justify-content: start;
            .ant-tag{
                margin-top: 2px;
            }
        }
    }

}